

import React from "react";
import SideNav from "@/app/ui/dashboard/sidenav";

export default function Layout(
    {children}:{children:React.ReactNode}
) {
    return (
        <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
            <div className="w-full flex-none md:w-64">
                <SideNav />
            </div>
            {/* 下面{children} 其实代表的是 page.tsx 的内容 */}
            <div className="grow p-6 md:overflow-y-auto md:p-12">{children}</div>
        </div>
    );
}